<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout">
<head>
    <title>选择学科</title>
    <div data-th-replace="layout/head"></div>
</head>
<body>
    <div class="subject-orientation__wrap">
        <div class="page page-current">
            <header class="bar bar-nav">
                <a class="button button-link button-nav pull-left goBack" href="javascript:void(0)">
                    <span class="iconfont icon-fanhui"></span>
                </a>
            </header>
            <article class="content wm-content" id="parent-subject-box">
                <div class="text-center">
                    <h1 style="margin-bottom: 0;font-weight: 200;">
                        <span class="c-333" th:text="'欢迎来到'+${infoMap['appName']}"></span>
                    </h1>
                    <span class="c-333" style="font-weight: 200;font-size: .75rem;">请选择你喜欢的考试，只能选择<small class="fs7 c-blue">1</small>个哦</span>
                </div>
                <div class="mt5 ml5 mr5 pl5 pr5">
                    <div class="list-block pl5 pr5 no-mt">
                        <ul id="customized-major-list">
                            <!--父级专业显示区-->
                        </ul>
                        <div class="content-block" id="next-step">
                            <p class="lr-suBtn__wrap">
                                <a href="javascript:void(0)" class="button button-big button-round">下一步</a>
                            </p>
                        </div>
                    </div>
                </div>
            </article>
            <article class="content wm-content hide" id="child-subject-box">
                <div class="text-center">
                    <h1 style="margin-bottom: 0;font-weight: 200;"><span class="c-333" th:text="'欢迎来到'+${infoMap['appName']}"></span></h1>
                    <span class="c-333" style="font-weight: 200;font-size: .75rem;">请选择你喜欢的科目，可以多选哦</span>
                </div>
                <div class="mt5 pt5 ml5 mr5 pl5 pr5">
                    <div class="pt5 pl5 pr5">
                        <ul class="row sort-subject-ul" id="child-customized-subject-list">
                            <li class="col-auto" data-subject="${subject.id}"><a href="javascript:void(0)" class="button button-round">${subject.subjectName}</a></li>
                        </ul>
                    </div>
                    <div class="content-block" id="customized-finished">
                        <p class="lr-suBtn__wrap">
                            <a href="javascript:void(0)" class="button button-big button-round">完成定制</a>
                        </p>
                    </div>
                </div>
            </article>
        </div>
    </div>
    <div data-th-replace="layout/footer"></div>
    <script type="text/javascript" th:src="@{{path}/front/mobile/business/user/perfect/perfect-subject.js?v={v}(path=${staticPath},v=${v})}"></script>
    <script th:inline="javascript" type="text/javascript">
        var key = [[${sessionId}]];
    </script>
</body>
</html>
